<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>中国社区</title>
    <link rel="stylesheet" href="../../css/public/base.css">
    <link rel="stylesheet" href="../../css/public/nav.css">
    <link rel="stylesheet" href="../../layui/css/layui.css">
    <script src="../../js/public/jquery-3.3.1.js"></script>
</head>
<style>
    .nav>ul>li {
        position: relative;
    }

    .nav>ul>li>a {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0;
    }
</style>

<body>
    <div class="header">
        <img src="../../image/message.png" alt="">
        <img src="../../image/logo.png" alt="" class="avatar">
        <span>ADMIN</span>
    </div>
    <script>
        $('.nav>ul>li').click(function () {
            localStorage.removeItem('cur')
            localStorage.removeItem('twonav')
        })
        $(document.body).height($(window).height());
        $(".nav").height($(document.body).height());
        $(window).resize(function () {
            $(document.body).height($(window).height());
            $(".nav").height($(document.body).height());
        });
        $("ul li").click(function () {
            $(this).addClass("active").siblings().removeClass("active")
        })
    </script>
</body>

</html>